/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')
module.exports = {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {},
    fontSize: {
      xs: ['0.75rem', 1],
      sm: ['14px', 1],
      base: ['1rem', 1],
      lg: ['20px', 1],
      xl: ['24px', 1]
    },
    colors: {
      ...colors, // 需写入其他颜色，否则未定义颜色无法使用
      gray: {
        ...colors.gray,
        50: '#fff',
        100: '#f2f3f5',
        600: '#2e2e30'
      }
    }
  },
  plugins: []
}
